<template>
<h1>计算器练习</h1>
    <input type="text" v-model="a">
    <input type="text" v-model="b">
    <button @click="calc('+')">+</button>
    <button @click="calc('-')">-</button>
    <button @click="calc('*')">*</button>
    <button @click="calc('/')">/</button>
    <h4>结果是:{{res}}</h4>
</template>

<script setup>
    import { ref } from 'vue';
    
    const a = ref('');
    const b = ref('');
    const res = ref('');
    const calc = (o) => {
        res.value = eval(a.value + o + b.value);
    }
    
    
</script>

<style scoped>

</style>